<template>
	<div>
		<div class="tab-top">
			<div class="tab-inner">
				<slot></slot>
			</div>
		</div>
		<div class="seat" ref="seat2"></div>
	</div>
</template>

<script>
	export default{
		mounted() {
			this.$store.commit('setDomHeight2', this.$refs.seat2.offsetHeight)
		}
	}
</script>

<style lang="scss" scoped>
	.tab-top{
		width: 100vw;
		position: fixed;
		top: vw(80);
		padding-top: vw(15);
		height: 50px;
		// line-height: 40pt;
		background-color: #FFFFFF;
		z-index: 4;
		/* justify-content:space-around; */
	}	
	.seat{
		width: 100vw;
		height: 50px;
		padding-top: vw(15);
		background-color: #FFFFFF;
	}
	.tab-inner{
		width: 85%;
		margin: 0 auto;
		display: flex;
		// margin-top: vw(30);
	}
	
</style>
